<template>
	<view class="hexiaotongdao">
		<headertop str1="oridei" :back1="back1" title="核销通道"></headertop>
		<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Group 11456@2x.png" mode="" class="hexiaotongdao_backimg"></image>
		<view class="numboxs">
			<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Group 11455@2x.png" class="numboxs_backimg" mode=""></image>
			<view class="numssbox">
				<view class="box">
					<view class="t1">
						<!-- convertToStars(hexiaoobj.hxmoney) -->
						{{flag?hexiaoobj.hxmoney.toFixed(2):'****'}}
						<image @click="flag=!flag"
							:src="flag?'https://chunchi.oss-cn-beijing.aliyuncs.com/static/dakai.png':'https://chunchi.oss-cn-beijing.aliyuncs.com/static/gb.png'"
							class="t1icon" mode=""></image>
					</view>
					<view class="t2">
						订单金额
					</view>
				</view>
				<view class="boderline">

				</view>
				<view class="box">
					<view class="t1">
						<!-- convertToStars(hexiaoobj.hxnum) -->
						{{flag1?hexiaoobj.hxnum:'****'}}
						<image @click="flag1=!flag1"
							:src="flag1?'https://chunchi.oss-cn-beijing.aliyuncs.com/static/dakai.png':'https://chunchi.oss-cn-beijing.aliyuncs.com/static/gb.png'"
							class="t1icon" mode=""></image>
					</view>
					<view class="t2">
						订单数量
					</view>
				</view>
			</view>
			<view class="btnssbox">
				<view class="btn" @click="saoma">
					<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x (11).png" class="icon" mode=""></image>
					<view class="title">
						扫一扫核销
					</view>
				</view>
				<view class="btn" @click="dakai">
					<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x (12).png" class="icon" mode=""></image>
					<view class="title">
						核销码核销
					</view>
				</view>
			</view>
		</view>
		<view class="hexiaojilu">
			<view class="tt">
				<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x (13).png" mode=""></image>
				<span>核销记录</span>
				<view class="czbox" v-if="query.startdate||query.enddate" @click="cz">
					重置
				</view>
			</view>
		</view>
		<view class="bottomcontent">
			<view class="shijianxuanq">
				<view class="shijian" @click="open('开始时间')">
					{{query.startdate||'选择开始时间'}}
				</view>
				<view class="jg">
					至
				</view>
				<view class="shijian" @click="open('结束时间')">
					{{query.enddate||'选择结束时间'}}
				</view>
				<view class="qd" @click="queding1">
					确定
				</view>
			</view>
			<view class="orderboxs">
				<view class="msgicon" v-if="!list.length">
					<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x(21).png" mode="widthFix"></image>
					<view class="msgtext">
						暂无订单
					</view>
				</view>
				<view class="itemorder" v-for="(item,index) in list" :key="item.id">
					<view class="centerbox">
						<view class="orderno" style="position: relative;">
							<view class="" style="width: 90%;display: flex;align-items: center;">
								<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x (14).png" class="ordernoicon"
									mode="">
								</image>
								订单编号：{{item.order_sn}}
							</view>
							<view class="" style="position: absolute;right: 0%;">
								{{item.status_text}}
							</view>
						</view>
						<view class="spbox" v-for="ite in item.items" :key="ite.id">
							<image :src="ite.goods_image" class="leftimg" mode=""></image>
							<view class="texts">
								<view class="t1">
									{{ite.goods_title}}
								</view>
								<view class="t2">
									{{ite.goods_subtitle}}
								</view>
								<view class="t3line">
									<view class="box1">
										<span v-if="skufun(ite.goods_sku_text).length>1"><span
												style="font-size: 24rpx;color: #7F7F7F;">{{skufun(ite.goods_sku_text)[0]}}
												|
												{{skufun(ite.goods_sku_text)[1]}}</span></span>
										<span v-else><span
												style="font-size: 24rpx;color: #7F7F7F;">{{skufun(ite.goods_sku_text)[0]}}</span></span>
									</view>
									<view class="box1">
										x{{ite.goods_num}}
									</view>
								</view>
							</view>
						</view>
						<view class="bottominfo" v-if="item.status_code=='wancheng'">
							<view class="hexiaotext">
								<view class="line">
									<view class="hexiaotextname">核销人：核销人名称</view>
									<view class="hexiaotextmendfian">
										核销门店：核销门店名称
									</view>
								</view>
								<view class="line">
									<view class="hexiaotextname">核销时间：2025-08-08 12:00:00</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<up-popup :show="show" mode="bottom">
			<view class="xuanxiang" @click="show=false">
				<view class="tt" style="margin-left: 30rpx;color: #888;">
					取消
				</view>
				<view class="tt" style="font-weight: 600;">
					{{titlepopu}}
				</view>
				<view class="tt" style="margin-right: 30rpx;color: #0077BE;" @click="queding">
					确认
				</view>
			</view>
			<picker-view :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="picker-view">
				<picker-view-column>
					<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
				</picker-view-column>
				<picker-view-column>
					<view class="item" v-for="(item,index) in months" :key="index">{{item}}月</view>
				</picker-view-column>
				<picker-view-column>
					<view class="item" v-for="(item,index) in days" :key="index">{{item}}日</view>
				</picker-view-column>
			</picker-view>
		</up-popup>

		<up-popup :show="show1" mode="center">
			<view class="popucenter" style="height: 400rpx;">
				<image src="https://chunchi.oss-cn-beijing.aliyuncs.com/static/Frame@2x (9).png" class="close" @click="show1=false" mode="">
				</image>
				<view class="title">
					请输入核销码核销
				</view>
				<view class="inputbox">
					<input type="text" v-model="hexiaoma" placeholder="请输入核销码" />
				</view>
				<view class="btnss">
					<view class="btn1" @click="show1=false">
						取消
					</view>
					<view class="btn2" @click="queren()">
						确认
					</view>
				</view>
			</view>
		</up-popup>
	</view>
</template>

<script setup>
	import headertop from '@/components/header.vue'
	import {
		onPageScroll,
		onLoad,
		onShow,
		onReachBottom
	} from "@dcloudio/uni-app";
	import {
		orderhexiao,
		hexiaodetail,
		saohexiao
	} from '@/api/my.js'
	import {
		ref,
		reactive
	} from 'vue'
	const date = new Date()
	const years = []
	const year = date.getFullYear()
	const show1 = ref(false)
	const months = []
	const month = date.getMonth() + 1
	const days = []
	const day = date.getDate()
	for (let i = 1990; i <= date.getFullYear(); i++) {
		years.push(i)
	}
	// import uploadSrc from '@/common/upload.js'
	for (let i = 1; i <= 12; i++) {
		months.push(i)
	}
	for (let i = 1; i <= 31; i++) {
		days.push(i)
	}
	const lastpage = ref(0)
	const list = ref([])
	const back1 = ref('')
	const show = ref(false)
	const itemobj = ref({})
	const value = ref([9999, month - 1, day - 1])
	const flag = ref(false)
	const flag1 = ref(false)
	const titlepopu = ref('')
	const indicatorStyle = ref(`height: 50px;`)
	const hexiaoobj = ref({})
	const hexiaoma = ref('')
	const money = ref('')
	const memo = ref('')
	const query = reactive({
		page: 1,
		list_rows: 10,
		startdate: '',
		enddate: ''
	})
	const query1 = reactive({
		startdate: '',
		enddate: ''
	})

	function cz() {
		query.startdate = ''
		query.enddate = ''
		query.page = 1
		list.value = []
		init()
	}

	function dakai() {
		show1.value = true
	}

	function bindChange(e) {
		const val = e.detail.value
		if (titlepopu.value == '请选择开始时间') {
			query1.startdate =
				`${years[val[0]]}-${months[val[1]]<10?'0'+months[val[1]]:months[val[1]]}-${days[val[2]]<10?'0'+days[val[2]]:days[val[2]]}`
		} else {
			query1.enddate =
				`${years[val[0]]}-${months[val[1]]<10?'0'+months[val[1]]:months[val[1]]}-${days[val[2]]<10?'0'+days[val[2]]:days[val[2]]}`
		}
	}

	function queding() {
		if (titlepopu.value == '请选择开始时间') {
			if (!query1['startdate']) {
				query['startdate'] =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`

			} else {
				query['startdate'] = query1['startdate']
			}
		} else {
			if (!query1['enddate']) {
				query['enddate'] =
					`${date.getFullYear()}-${months[month-1]<10?'0'+months[month-1]:months[month-1]}-${day<10?'0'+day:day}`

			} else {
				query['enddate'] = query1['enddate']
			}
		}
	}

	function queding1() {
		if (!query.startdate || !query.enddate) {
			uni.showToast({
				title: '开始时间或结束时间不能为空',
				icon: 'none'
			})
			return
		}

		if (query.startdate > query.enddate) {
			uni.showToast({
				title: '开始时间必须小于结束时间',
				icon: 'none'
			})
			return
		}
		query.page = 1
		list.value = []
		init()
	}

	function open(str) {
		titlepopu.value = `请选择${str}`
		show.value = true
	}

	function convertToStars(number) {
		return '*'.repeat(String(number).length);
	}

	function gopage(item) {
		uni.navigateTo({
			url: '/sub_my/my/hexiaodetail?id=' + item.id
		})
	}

	function gopage1(item) {
		uni.navigateTo({
			url: '/pages/fenlei/orderdetial?id=' + item.id
		})
	}

	function skufun(str) {
		if (!str) {
			return []
		}
		return str.split(',')
	}
	async function qd() {
		if (!money.value) {
			uni.showToast({
				title: '请输入金额',
				icon: 'none'
			})
			return
		}
		uni.showModal({
			title: '提示', // 标题（可选）
			content: '确定要退款吗？', // 内容（可选）
			confirmText: '确定', // 确认按钮文字（可选，默认“确定”）
			cancelText: '取消', // 取消按钮文字（可选，默认“取消”）
			success: (res) => {
				if (res.confirm) {
					qd1()
					// 执行确定后的逻辑
				} else if (res.cancel) {
					// 执行取消后的逻辑
				}
			},
			fail: (err) => {
				console.error('弹窗调用失败', err);
			}
		});

	}
	async function qd1() {
		const res = await tuiya({
			id: itemobj.value.id,
			money: money.value,
			type: itemobj.value.type,
			memo: memo.value
		})
		if (res.code == 0) {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
			return
		}

		if (res.data.code == 1) {
			setTimeout(() => {
				uni.showToast({
					title: '操作成功',
					icon: 'none'
				})
			}, 500)
			query.page = 1
			list.value = []
			init()
			money.value = ''
			memo.value = ''
			show1.value = false
		} else {
			uni.showToast({
				title: res.msg,
				icon: "none"
			})
		}
	}

	function tuikuanxianshi(item) {
		itemobj.value = item
		money.value = item.file.deposit
		show1.value = true

	}
	onReachBottom(() => {
		if (lastpage.value > query.page) {
			query.page++
			init()
		}
	})
	onPageScroll((e) => {
		if (e.scrollTop > 100) {
			back1.value = '#FBE7D2'
		} else {
			back1.value = ''
		}

	})
	onShow(() => {
		query.page = 1
		list.value = []
		init()
	})

	function qiehuan(num) {
		if (query.status == num) return
		query.status = num
		query.page = 1
		list.value = []
		init()
	}
	async function init(str) {
		const res = await orderhexiao(query)
		if (res.code == 1) {
			list.value.push(...res.data.data)
			hexiaoobj.value = res.data
			lastpage.value = res.data.last_page
		}
	}

	function saoma() {
		uni.scanCode({
			success: function(res) {
				hexiaoxinxi(res.result)
			}
		});

	}

	function funcolor(item) {
		var num = item.status
		if (num == 0) {
			return '#FF7D00'
		} else if (num == 1) {
			return '#00B42A'
		} else if (num == 2) {
			return '#165DFF'
		} else {
			return '#47533D'
		}
	}

	function funcolor1(item) {
		var num = item.status
		if (num == 0) {
			return '#FFF7E8'
		} else if (num == 1) {
			return '#E8FFEA'
		} else if (num == 2) {
			return '#E8F3FF'
		} else {
			return 'rgba(71,83,61,0.1);'
		}
	}

	function queren() {
		if (!hexiaoma.value) {
			uni.showToast({
				icon: 'none',
				title: '请输入核销码',
			})
		} else {
			hexiaoxinxi(hexiaoma.value)
			show1.value = false
		}

	}
	async function hexiaoxinxi(hxnum) {
		const res = await saohexiao({
			hxnum
		})


		if (res.code == 1) {
			uni.setStorageSync('hexiaoobj', res.data)
			uni.navigateTo({
				url: '/pages/my/hexiao'
			})
		} else {
			uni.showToast({
				icon: 'none',
				title: res.msg
			})
		}
	}

	function statustext(num) {
		if (num == 0) {
			return '待核销'
		} else if (num == 1) {
			return '使用中'
		} else if (num == 2) {
			return '待退还'
		} else if (num == 3) {
			return '可退押金'
		} else if (num == 4) {
			return '退款进行中'
		} else if (num == 5) {
			return '审核中'
		} else {
			return '已完成'
		}
	}
</script>
<style lang="scss">
	.msgicon {
		width: 608rpx;
		margin: 100rpx auto;
		overflow: hidden;

		.msgtext {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #86909C;
			text-align: center;
			width: 100%;
			margin-top: -30rpx;
		}

		image {
			width: 608rpx;
		}
	}

	.xuanxiang {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 30rpx;
		overflow: hidden;
		justify-content: space-between;
		margin-bottom: 30rpx;

		.tt {
			font-size: 32rpx;
		}
	}

	::v-deep .u-popup__content {
		// background-color: rgba(255, 0, 0, 0) !important;

	}

	.item {
		line-height: 100rpx;
		text-align: center;
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		margin-top: 20rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 0 0;
	}

	::v-deep .u-popup__content {
		// background-color: rgba(255, 0, 0, 0) !important;
		border-radius: 20rpx
	}

	.popucenter {
		width: 592rpx;
		height: 490rpx;
		background: linear-gradient(180deg, #F4FFF5 0%, #FFFFFF 31%);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		overflow: hidden;
		position: relative;

		.close {
			width: 48rpx;
			height: 48rpx;
			position: absolute;
			top: 0%;
			right: 0%;
			margin-right: 24rpx;
			margin-top: 24rpx;
		}

		.title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
			text-align: center;
			margin-top: 48rpx;
			width: 100%;
			margin-bottom: 50rpx;
		}

		.btnss {
			width: 520rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: auto;

			.btn1 {
				width: 240rpx;
				height: 64rpx;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				border: 2rpx solid #A46F3A;
				text-align: center;
				line-height: 64rpx;
				font-weight: 400;
				font-size: 28rpx;
				color: #A46F3A;
			}

			.btn2 {
				width: 240rpx;
				height: 64rpx;
				background: #A46F3A;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				text-align: center;
				line-height: 64rpx;
				color: #FFFFFF;
				font-size: 28rpx;
			}
		}

		.inputbox {
			width: 520rpx;
			height: 84rpx;
			margin: auto;
			background: #F7F8FA;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			display: flex;
			align-items: center;
			margin-bottom: 30rpx;

			input {
				margin-left: 30rpx;
			}
		}
	}

	page {
		background: #F7F8FA;
	}

	.activecolor {
		color: #4F8D41 !important;
	}

	.hexiaotongdao {
		width: 100%;
		overflow: hidden;
		position: relative;

		.bottomcontent {
			width: 100%;
			background: linear-gradient(180deg, #FFF6EB 0%, #FFFFFF 20%);
			border-radius: 36rpx 36rpx 0rpx 0rpx;
			border: 2rpx solid;
			border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 2 2;
			overflow: hidden;
			margin-top: -70rpx;
			border-radius: 36rpx 36rpx 0rpx 0rpx;

			.orderboxs {
				width: 686rpx;
				margin: auto;
				margin-top: 24rpx;
				overflow: hidden;

				.itemorder {
					width: 100%;
					overflow: hidden;
					background: #F7F8FA;
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					margin-bottom: 24rpx;

					.centerbox {
						width: 630rpx;
						overflow: hidden;
						margin: auto;

						.bottominfo {
							width: 100%;
							height: 134rpx;
							border-top: 2rpx solid #FFFFFF;

							.hexiaotext {
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #4E5969;

								.line {
									width: 100%;
									display: flex;
									align-items: center;
									margin-top: 22rpx;
									display: flex;
									justify-content: space-between;

									.hexiaotextmendfian {
										margin-right: 34rpx;
									}
								}

							}
						}

						.spbox {
							width: 100%;
							height: 212rpx;
							margin: auto;
							margin-top: 28rpx;
							display: flex;
							align-items: center;

							.leftimg {
								width: 156rpx;
								height: 156rpx;
								border-radius: 16rpx 16rpx 16rpx 16rpx;
								margin-left: 28rpx;
							}

							.texts {
								width: 462rpx;
								margin-left: 12rpx;

								.t1 {
									width: 356rpx;
									font-family: PingFang SC, PingFang SC;
									font-weight: 500;
									font-size: 28rpx;
									color: #1D2129;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
									/* 限制文本显示为2行 */
									overflow: hidden;
								}

								.t2 {
									width: 356rpx;
									font-family: PingFang SC, PingFang SC;
									font-weight: 400;
									font-size: 24rpx;
									color: #7F7F7F;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 1;
									/* 限制文本显示为2行 */
									overflow: hidden;
									margin-top: 10rpx;
								}

								.t3line {
									width: 100%;
									display: flex;
									justify-content: space-between;
									align-items: center;
									margin-top: 22rpx;

									.box1 {
										font-family: PingFang SC, PingFang SC;
										font-weight: 400;
										font-size: 24rpx;
										color: #7F7F7F;
									}
								}
							}
						}


						.orderno {
							width: 100%;
							display: flex;
							align-items: center;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 26rpx;
							color: #4E5969;
							margin-top: 28rpx;

							.ordernoicon {
								width: 32rpx;
								height: 32rpx;
								margin-right: 2rpx;
							}
						}
					}
				}
			}

			.shijianxuanq {
				width: 686rpx;
				margin: auto;
				margin-top: 32rpx;
				display: flex;
				align-items: center;

				.jg {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 32rpx;
					color: #4E5969;
					margin-right: 22rpx;
				}

				.qd {
					width: 154rpx;
					height: 60rpx;
					background: #A46F3A;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					text-align: center;
					line-height: 60rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #FFFFFF;
				}

				.shijian {
					width: 218rpx;
					height: 60rpx;
					background: #FFFFFF;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					text-align: center;
					line-height: 60rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #4E5969;
					margin-right: 24rpx;
				}
			}
		}

		.hexiaojilu {
			width: 686rpx;
			height: 146rpx;
			background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
			box-shadow: inset 0rpx 8rpx 8rpx 0rpx rgba(255, 255, 255, 0.25), 0rpx 0rpx 8rpx 0rpx rgba(212, 137, 84, 0.45);
			border-radius: 36rpx 36rpx 0rpx 0rpx;
			display: flex;
			justify-content: center;
			margin: auto;
			margin-top: 24rpx;



			.tt {
				display: flex;
				align-items: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #A46F3A;
				height: 72rpx;
				position: relative;

				.czbox {
					font-size: 30rpx;
					color: #0077BE;
					position: absolute;
					right: -220rpx;
					top: 30rpx;
				}

				image {
					width: 36rpx;
					height: 36rpx;
					margin-right: 12rpx;
				}
			}
		}


		&_backimg {
			width: 100%;
			height: 660rpx;
			position: absolute;
			z-index: -1;
		}

		.boderline {
			width: 2rpx;
			height: 146rpx;
			background: #CD946A;
			margin-top: 24rpx;
		}

		.itemboxss {
			width: 686rpx;
			margin: auto;
			overflow: hidden;
			margin-top: 28rpx;

			.itembox1 {
				width: 100%;
				height: 450rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.15);
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				overflow: hidden;
			}
		}

		.bottombox {
			width: 100%;
			overflow: hidden;
			margin-top: 56rpx;
			background: #F7F8FA;
			box-shadow: 0rpx -4rpx 8rpx 0rpx #63AC54;
			border-radius: 48rpx 48rpx 0rpx 0rpx;

			.classifys .item:last-child {
				margin-right: 0rpx !important;
			}

			.classifys .item:first-child {
				margin-left: 20rpx !important;
			}

			.classifys {
				width: 686rpx;
				height: 70rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.13);
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				margin: auto;
				display: flex;
				align-items: center;
				margin-top: 28rpx;

				.item {
					font-weight: 400;
					font-size: 28rpx;
					color: #4E5969;
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-right: 48rpx;
					position: relative;

					.activebox {
						position: absolute;
						bottom: -38%;
						width: 96rpx;
						height: 6rpx;
						background: #4F8D41;
						border-radius: 3rpx 3rpx 0rpx 0rpx;

					}
				}
			}

		}

		.numboxs {
			width: 686rpx;
			height: 322rpx;
			position: relative;
			margin: auto;
			margin-top: 190rpx;
			overflow: hidden;

			&_backimg {
				width: 686rpx;
				height: 322rpx;
				position: absolute;
				z-index: -1;
			}


			.btnssbox {
				width: 626rpx;
				margin: auto;
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 26rpx;

				.btn {
					width: 296rpx;
					height: 102rpx;
					border-radius: 12rpx 12rpx 12rpx 12rpx;
					display: flex;
					align-items: center;
					background: #D1986F;

					.icon {
						width: 60rpx;
						height: 60rpx;
						margin-left: 28rpx;
					}

					.title {
						font-weight: 500;
						font-size: 32rpx;
						color: #FFFFFF;
						margin-left: 20rpx;
					}
				}
			}

			.numssbox {
				width: 100%;
				display: flex;
				align-items: center;

				.box {
					width: 50%;
					display: flex;
					flex-direction: column;
					align-items: center;

					.t1 {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 48rpx;
						color: #1D2129;
						margin-top: 42rpx;
						display: flex;
						align-items: center;
						position: relative;

						.t1icon {
							width: 32rpx;
							height: 32rpx;
							position: absolute;
							right: -42rpx;
							top: 14%;
						}
					}

					.t2 {
						font-weight: 500;
						font-size: 28rpx;
						color: #4E5969;
						margin-top: 24rpx;
					}
				}
			}
		}
	}
</style>